<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body, h1, h2, h3, h4, h5, h6, p, dl, dd {
            margin: 0;
        }

        ul, ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        /*只考虑IE6下的问题*/
        img {
            border: none; /*把img边框设为none*/
            vertical-align: top; /*缝隙是由于居中对齐的原因导致的*/
        }

        /*去除a标签的下划线*/
        a {
            text-decoration: none;
        }

        /*通配符的问题：
        1、普遍不建议使用；
        2、性能问题,是由于会把所有的标签设置，其实性能损失微乎其微；
        3、浪费的问题，有的标签不需要这个设置；
        */

        /*建议：如果网站比较大，那么不建议使用通配符；
               如果小网站，如果但单页面就可以选择使用；

        */

        * {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<!--
        标签样式初始化（css reset）
                原则：但凡页面中要用到的标签，有默认样式，会影响到其他的代码，这个时候要把他清掉，
                没有用到的标签，不用处理；


                哪些样式需要重置：
                    与盒模型相关的样式
                        margin
                        padding
                        border
                    标签特有的样式
                        ul  li
                        ol  li



-->
<!--h标签对搜索引擎良好，h1一个页面最多最好一个-->
<!--img标签在ie6下回有一个默认的边框，并且会和ie6有一个缝隙-->
<a href=""><img src="第2章-课件/img/1.jpg" alt=""></a>
<a href="">123</a>
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<p>这里是一段话</p>
<strong>强调</strong>
<em>强调</em>
<ul>
    <li>ui是无序列表</li>
    <li>li是列表项</li>
    <li>ul的子元素只能是li</li>
    <!--<div>这是一个div</div>可以显示，但是不复合标准-->
</ul>
<ol>
    <li>ol是有序列表</li>
    <li>ol的子元素只能是li</li>
    <li>和ul的li一样，里面可以放div等</li>
</ol>
<dl>
    <dt>dl是自定义列表，dt是列表的标题</dt>
    <dd>dd是列表项</dd>
    <dd>dt只能出现一次，dd可以出现多次</dd>
</dl>

<mark>标记</mark>

<header>123</header>
</body>
</html>